<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-pre & v-cloak & v-once</title>
</head>
<body>
<h1>v-pre & v-cloak & v-once</h1>
<hr>
<div id="app">
    <div v-pre>{{message}}</div>  <!--代码原样输出-->
    <div v-cloak>{{message}}</div> <!--渲染完城后才显示-->
    <div v-once>{{message222}}</div> <!--只会渲染一次，之后不会渲染-->
    <input type="text" v-model="message222">
    <div>{{message222}}</div> <!---->

</div>

<script src="../assets/js/vue.js"></script>
<script>
    var app= new Vue({
        el:'#app',
        data:{
            message:'哈哈',
            message222:'哈哈哈哈哈哈哈哈',
            html:'<h2>哈哈哈哈哈</h2>'
        }
    });
</script>
</body>
</html>